





<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> 
$(function(){
	
	// 移到留言上可以删除,编辑-------------------------------------------
		$('#mian .list .onep').hover(function() {
			$(this).find('a').show();
			$(this).find('.edit_a').show();
			$(this).find('.content').addClass('content1');
		}, function() {
			$(this).find('a').hide();
			$(this).find('.edit_a').hide();
			$(this).find('.content').removeClass('content1');
		});

   // 留言方式的切换------------------------------------------------
		var c=1;
		$('.close').click(function(event) {
			if(c==1){
				$('#right').stop().animate({"top": 800+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": 0+'px'},3000);
				c=0;
			}else{
				$('#right').stop().animate({"top": 50+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": -120+'px'},3000);
				c=1;
			}
		});

	
	
})


</script>
</head>

<body>

<?php

	$bbslist=array(array("tp"=>1,"username"=>"李四","content"=>"111ajfhsdajkfhasjkfhsajfhsjkfhask","lysj"=>"2023.11.20"),
	array("tp"=>3,"username"=>"李2","content"=>"2222ajfhsdajkfhasjkfhsajfhsjkfhask","lysj"=>"2023.11.20"),
	array("tp"=>2,"username"=>"李3","content"=>"333ajfhsdajkfhasjkfhsajfhsjkfhask","lysj"=>"2023.11.20"),
	array("tp"=>4,"username"=>"李6","content"=>"444ajfhsdajkfhasjkfhsajfhsjkfhask","lysj"=>"2023.11.20")
	);

?>

<div id="top">
		<h1>留言板</h1>
</div>

<div id="mian_out">
	  <div id="mian">
			<h2>大家都说了什么？</h2>                        
			<ul class="list">
           <?php
					foreach($bbslist as $k){
		   ?>
      			<li class="onep">
					<p class="pic"><img src="images/1.jpg" alt="" /></p>
					
					<p class="name"><?php echo $k['username'];  ?></p>
					
					<p class="content"><?php echo $k['content'];  ?><span> (来自火星大侠留言)2019.11</span>
					</p>
					<a class="edit_a" href="javascript:"  >修改</a>
					<a class="delete" href="javascript:" onclick="if(confirm('确定删除吗？')) location.href='#'" >删除</a>
				</li>
					<?php } ?>
			</ul>
	   </div>
</div>	
</body>
</html>


